<extend name="template/base_index" />

<block name="area_header">
	<link rel="stylesheet" type="text/css" media="all" href="__CDN__/jquery-datetimepicker/jquery.datetimepicker.css">
	<script type="text/javascript" src="__CDN__/jquery-datetimepicker/jquery.datetimepicker.js"></script>
	<link type="text/css" rel="stylesheet" href="__CDN__/select2/4.0.0/css/select2.min.css" />
	<link type="text/css" rel="stylesheet" href="__CDN__/select2/4.0.0/css/cosmo-skin.css" />
</block>

<block name="area_body">
	{:W('Menus/topbar')}
	<div class="admin-main container-fluid">
		{:W('Menus/left')}
		<div class="admin-main-content">
			{:W('Menus/breadcrumb')}
			<!-- 过滤\查询按钮 -->
			<h3>已支付已完成的订单</h3>
			<div class="filter-controls">
				{:W('OrgArea/area')}
				<!-- 日期查询 -->
				<form action="{:U('Admin/Orders/comment')}" method="post" class="searchForm form-inline">
					<div class="form-group row   col-lg-12 col-md-12">
						<div class="input-group">
							<div class="input-group-addon">下单用户</div>
							<select style="width:220px;padding: 10px 15px;font-size: 15px;line-height: 1.42857143;" id="user_select2" name="uid" class="" value=""><option></option>
							</select>
						</div>

					</div>
					<div class="form-group row   col-lg-12 col-md-12">
						<div class="input-group" >
							<div class="input-group-addon">订单编号</div>
							<input type="text" name="order_code" placeholder="输入2015，可查询前缀为2015的订单" class="form-control" value="{$order_code}" />
						</div>
					</div>
					<div class="form-group  col-lg-12 col-md-12">
						<div class="input-group">
							<div class="input-group-addon">时间<i class="fa fa-calendar"></i></div>
							<input type="text" name="startdatetime" id="startdatetime" class="form-control input-short" value="<gt name="startdatetime" value="0">{:date('Y-m-d H:i:s',$startdatetime)}</gt>" />
							<div class="input-group-addon">
								<i class="fa fa-long-arrow-right"></i>
							</div>
							<input type="text" name="enddatetime" id="enddatetime" class="form-control input-short" value="<gt name="startdatetime" value="0">{:date('Y-m-d H:i:s',$enddatetime)}></gt>" />
						</div>
					<button type="submit" class="btn btn-default"><i class="fa fa-search"></i>{:L('BTN_SEARCH')}</button>
					</div>
				</form>
			</div>
			<!-- 操作按钮 -->
			<div class="btn-controls">
				<!-- <a class="btn btn-primary btn-sm" href="{:U('Admin/Orders/print')}"><i class="fa fa-plus"></i>打印</a>
				<a target-form="selectitem" class="btn btn-danger btn-sm ajax-post confirm" href="{:U('Admin/Product/bulkDelete')}"><i class="fa fa-trash"></i>{:L('BTN_DELETE')}</a>-->
			</div>

			<table class="table table-striped table table-hover  table-condensed">
				<thead>
					<tr>
						<th>
							<input type="checkbox" class="selectall" onclick="myUtils.selectall(this,'.selectitem');" />
						</th>
						<th>用户</th>
						<th>评价内容</th>
						<th>订单编号</th>
						<th>评价时间</th>
						<th>操作</th>
					</tr>
				</thead>
				<tbody>
					<empty name="list">
						<tr>
							<td colspan="10" class="text-center">{:L('NO_DATA')}</td>
						</tr>
						<else/>
						<volist name="list" id="vo">
							<tr>
								<td>
									<input type="checkbox" value="{$vo.id}" name="ids[]" class="selectitem" />
								</td>
								<td>
									<a href="{:U('Admin/CustomerInfo/index',array('id'=>$vo['user_id']))}">{$vo.nickname}</a>
								</td>
								<td>
									{$vo.comment}
								</td>
								<td>
									<a href="{:U('Admin/Orders/view',array('order_code'=>$vo['order_code']))}">{$vo.order_code}</a>
								</td>
								<td>
									{$vo.createtime|date='Y-m-d H:i:s',###}
								</td>
								<td>
									<a href="{:U('Admin/Orders/commentEdit',array('id'=>$vo['id']))}" class="btn btn-default btn-sm ">修改</a>
<!--<a href="{:U('Admin/Wxpay/orderQuery',array('orderid'=>$vo['orderid']))}" class="btn btn-default btn-sm "><i class="fa fa-credit-card"></i>查询订单支付记录</a>-->
<!--<a href="{:U('Admin/Orders/uploadZjport',array('order_code'=>$vo['order_code']))}" class="btn btn-default btn-sm ">订单上报</a>-->
								</td>
							</tr>

						</volist>
					</empty>
				</tbody>
			</table>
			<div>{$show}</div>


		<script type="text/javascript">
			$(function() {
				$(".commentstatus").click(function(){
					$(".searchForm").submit();
				});
				$('#startdatetime').datetimepicker({
					lang: 'ch',
					format:'Y-m-d',
					timepicker:false,
                    timepickerScrollbar:false,
                    scrollMonth:false,
                    scrollTime:false,
                    scrollInput:false
				});
				$('#enddatetime').datetimepicker({
					lang: 'ch',
					format:'Y-m-d',
					timepicker:false,
                    timepickerScrollbar:false,
                    scrollMonth:false,
                    scrollTime:false,
                    scrollInput:false
				});
			});
		</script>
	</div>
	<!-- END admin-main-content -->
	</div>
	<!-- END admin-main-->
</block>

<block name="area_footer">

	<script src="__CDN__/select2/4.0.0/js/select2.min.js"></script>
	<script src="__CDN__/select2/4.0.0/js/i18n/zh-CN.js"></script>
	<script type="text/javascript">
	$(function(){
		$("#user_select2").select2({
			placeholder: "输入用户id或昵称查询"	,
			language: "zh-CN",
			ajax: {
			    url: "{:U('Admin/Member/select')}",
			    dataType: 'json',
			    delay: 250,
			    data: function (params) {
			    	var queryParameters = {
				      q: params.term
				    }
    				return queryParameters;
			    },
			    processResults: function (data, page) {
			    	if(!data.info){
			    		data.info = new Array();
			    		data.info['nodata']="无相关数据";
			    	}
				// parse the results into the format expected by Select2.
				// since we are using custom formatting functions we do not need to
				// alter the remote JSON data
			      	return {
			        	results: data.info
			      	};
			    },
			    cache: true
		  	},
				minimumInputLength: 0,
				templateSelection: function (repo) {
	  				return repo.nickname || repo.text;
				},
			  templateResult: function (repo) {
					if (repo.loading) return repo.text;
					if(repo.nodata) return repo.nodata;
//				var markup = '<div>'+repo.nickname+'</div>';
					var markup = '<div><img src="'+repo.head+'" style="width:30px;height:30px;"/>[id:'+repo.id+'] '+repo.nickname+'</div>';
					return $(markup);
				},
		});
	});
	</script>

</block>